import Vue from 'vue'
import Vuex from 'vuex'
import { getItem, setItem } from '@/utils/storage'

Vue.use(Vuex)

// 定义一个常量
const USER_KEY = 'user'

export default new Vuex.Store({
  state: {
    // 用 vuex 保存登录信息 是为了操作简便并且数据是响应式的
    // 当前登录用户的登录状态 (token等数据) 从本地读取 
    // JSON.parse 把读到的数据转为js对象
    user: getItem(USER_KEY)
  },
  mutations: {
    setUser(state, data) {
      state.user = data
      // 为了防止页面刷新数据丢失 我们还需要把数据放到本地存储中 是为了持久化数据
      setItem(USER_KEY, state.user)
    }
  },
  actions: {
  },
  modules: {
  }
})
